<template>
    <div id="page">
    <!-- 顶部 -->
    <div id="header_top">
      <p class="iconfont">&#xe6bc;</p>
      <p class="text1">支付页面</p>
    </div>
    <main>
        <p>订单号：{{list.ordernumber}}</p>
        <p><i>￥</i>{{list.countmoney}}元</p>
        <p>选择支付方式</p>
        <div>
            <p>支付宝支付<input type="radio" v-model="istrue" value="1"></p>
            <p>微信支付<input type="radio" v-model="istrue" value="2"></p>
        </div>
    </main>
    <footer>
        <!-- <button>确认支付</button> -->
         <el-button size="300px" type="primary" round class="pay" @click="$router.push('/index/home')">确认支付</el-button>
    </footer>
  </div>
</template>

<script>
import {orderlist} from '../../utils/api'
import {mapGetters} from 'vuex'
export default {
    data(){
        return{
            istrue:1,
            list:[],
        }
    },
    mounted() {
        orderlist({uid:this.userlist.uid}).then(res=>{
            this.list=res.data.list.data.pop()
            console.log(this.list);        
        })        
    },
    computed: {
        ...mapGetters({
            userlist:'user'
        }),

    }
}
</script>

<style scoped src='../../assets/css/pay.css'>

</style>